<template>
  <div>
    <el-dialog v-model="visible" :show-close="false" :close-on-click-modal="false" :close-on-press-escape="false">
      <div class="bg-[#F5F5F5] w-full h-[60px] relative">
        <div class="font-bold w-full flex justify-center items-center h-[60px]" style="font-size: 24px">
          投保须知
        </div>
        <div @click="close()" class="w-[14px] h-[14px] absolute top-[20px] right-[30px] cursor-pointer">
          <el-image :src="getAssetsFile('home/close.png')" class="w-full h-full"></el-image>
        </div>
      </div>
      <div class="p-[30px] h-[400px]">1</div>
    </el-dialog>
  </div>
</template>
<script setup lang="ts">
import { defineProps } from "vue";
import getAssetsFile from "@/utils/getImageurl.ts";
const props = defineProps({
  dialogTableVisible: {
    type: Boolean,
  },
});
var visible = props.dialogTableVisible;

const close = () => {
  visible = false;
};
</script>
<style></style>
